<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2047461_5pkteh1f6cv.css">
</head>
<body>
     <div id="container">
         <div id="top" class="php">
            <img src="./imgs/导航顶部.jpg" alt="">
         </div>
         <div id="fengqin">
             <a href="">
               <i class="iconfont icon-iconfontshouji i1" ></i>
               <span>手机APP</span>
             </a>
             <a href="">
              <i class="iconfont icon-icon i1" ></i>
              <span>个人中心</span>
             </a>
             <a href="">
              <i class="iconfont icon-weixiubanshou i1" ></i>
              <span>售后服务</span>
             </a>
             <a href="">
              <i class="iconfont icon-kefu i1" ></i>
              <span>人工客服</span>
             </a>
             <a href="">
              <i class="iconfont icon-gouwuche i1" ></i>
               <span style="margin-left: 10px;">购物车</span>
             </a>
             <a href="" style="margin-top: 30px;">
              <i class="iconfont icon-huidaodingbu i1" ></i>
               <span>回到顶部</span>
             </a>
         </div>
         <div id="nav">
           <div class="php">
              <div id="left">
                 <a href="">小米商城</a>
                 <span>|</span>
                 <a href="">MIUI</a>
                 <span>|</span>
                 <a href="">IOT</a>
                 <span>|</span>
                 <a href="">云服务</a>
                 <span>|</span>
                 <a href="">金融</a>
                 <span>|</span>
                 <a href="">有品</a>
                 <span>|</span>
                 <a href="">小爱开放平台</a>
                 <span>|</span>
                 <a href="">企业团购</a>
                 <span>|</span>
                 <a href="">资质证照</a>
                 <span>|</span>
                 <a href="">协议规则</a>
                 <span>|</span>
                 <a href="">下载app</a>
                 <span>|</span>
                 <a href="">智能生活</a>
                 <span>|</span>
                 <a href="">SelectLocation</a>

              </div>
              <div id="center">
                <a href="">登录</a>
                <span>|</span>
                <a href="">注册</a>
                <span>|</span>
                <a href="">消息通知</a>
              </div>
              <div id="right">
                  <a href="">
                    <img src="./imgs/购物车空.png" alt="">
                    <span>购物车</span>
                    <span>(0)</span>
                  </a>
                
              </div>
           </div>
         </div>
         <div id="phone">
          <div class="php">
             <div id="logo">
                <img src="./imgs/Mi.png" alt="">
             </div>
             <div id="redmi">
                 <ul>
                     <li></li>
                     <li class="a1"><a href=""> <span class="a3">小米手机</span> </a></li>
                     <li class="a2"><a href=""> <span class="a4">Redmi红米</span> </a></li>
                     <li><a href="">  <span>电视</span> </a></li>
                     <li><a href=""><span>笔记本</span></a></li>
                     <li><a href=""><span>家电</span></a></li>
                     <li><a href=""><span>路由器</span></a></li>
                     <li><a href=""><span>智能硬件</span></a></li>
                     <li><a href=""><span>服务</span></a></li>
                     <li><a href=""><span>社区</span></a></li>
                 </ul>
             </div>
             <div id="search">
                <input type="text" class="yibo">
                 <span><img src="./imgs/搜索 search.png" alt=""></span>
             </div>
          </div>
         </div>
         <div id="xiala">
            <div class="php">
                <div id="xiaomi">
                   <ul>
                       <li>
                           <img src="./imgs/小米手机1.png" alt="">
                           <p>小米10至尊纪念版</p>
                           <p>5200起</p>
                       </li>
                       <li>
                           <img src="./imgs/小米手机1.png" alt="">
                           <p>小米10至尊纪念版</p>
                           <p>5200起</p>
                       </li>
                       <li>
                           <img src="./imgs/小米手机1.png" alt="">
                           <p>小米10至尊纪念版</p>
                           <p>5200起</p>
                       </li>
                       <li>
                           <img src="./imgs/小米手机1.png" alt="">
                           <p>小米10至尊纪念版</p>
                           <p >5200起</p>
                       </li>
                       <li>
                           <img src="./imgs/小米手机1.png" alt="">
                           <p>小米10至尊纪念版</p>
                           <p>5200起</p>
                       </li>
                   </ul>
                </div>
                <div id="hongmi">
                    <ul>
                        <li>
                            <img src="./imgs/红米1.jpg" alt="">
                            <p>小米10至尊纪念版</p>
                            <p>5200起</p>
                        </li>
                        <li>
                            <img src="./imgs/红米2.jpg" alt="">
                            <p>小米10至尊纪念版</p>
                            <p>5200起</p>
                        </li>
                        <li>
                            <img src="./imgs/红米3.jpg" alt="">
                            <p>小米10至尊纪念版</p>
                            <p>5200起</p>
                        </li>
                        <li>
                            <img src="./imgs/红米4.png" alt="">
                            <p>小米10至尊纪念版</p>
                            <p >5200起</p>
                        </li>
                        <li>
                            <img src="./imgs/红米5.png" alt="">
                            <p>小米10至尊纪念版</p>
                            <p>5200起</p>
                        </li>
                    </ul>
                </div>
            </div>
         </div>
         <div id="lunbo">
            <div class="php">
               <div id="erji">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./imgs/轮播图1.jpg" alt="" style="width: 1226px; height: 460px;">
                        </div>
                        <div class="swiper-slide">
                            <img src="./imgs/轮播图2.jpg" alt="" style="width: 1226px; height: 460px;">
                        </div>
                        <div class="swiper-slide">
                            <img src="./imgs/轮播图3.jpg" alt="" style="width: 1226px; height: 460px;">
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                    
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    
                    <!-- 如果需要滚动条 -->
                    <div class="swiper-scrollbar"></div>
                     </div>  
                   <div id="scroll">
                        <ul>
                              <li id="sideNav-last1">手机&nbsp;电话卡 <i class="iconfont icon-right"></i>
                               <div class="card" style="margin-top: -31px;">
                                  <a href="">
                                      <img src="./imgs/小米手机1.png" alt="">
                                      <span>小米10 至尊纪念版</span>
                                    </a>
                                    <a href="">
                                        <img src="./imgs/小米手机2.png" alt="">
                                        <span>小米10 </span>
                                      </a>
                                      <a href="">
                                        <img src="./imgs/小米手机3.png" alt="">
                                        <span>红米1</span>
                                      </a>
                                      <a href="">
                                        <img src="./imgs/小米手机4.png" alt="">
                                        <span>Redmi 10</span>
                                      </a>
                                      <a href="">
                                        <img src="./imgs/小米手机5.png" alt="">
                                        <span>Redmi 9 Pro</span>
                                      </a>
                                      <a href="">
                                        <img src="./imgs/红米1.jpg" alt="">
                                        <span>oppo</span>
                                      </a> <a href="">
                                        <img src="./imgs/红米2.jpg" alt="">
                                        <span>vivo</span>
                                      </a> <a href="">
                                        <img src="./imgs/红米3.jpg" alt="">
                                        <span>苹果</span>
                                      </a>

                               </div>
                            </li>
                                <li id="sideNav-last2">电视&nbsp;盒子<i class="iconfont icon-right"></i>
                                    <div class="card" style="margin-top: -77px;">
                                        <a href="">
                                            <img src="./imgs/笔记本1.png" alt="">
                                            <span>小米10 至尊纪念版</span>
                                          </a>
                                          <a href="">
                                              <img src="./imgs/笔记本2.png" alt="">
                                              <span>小米10 </span>
                                            </a>
                                            <a href="">
                                              <img src="./imgs/笔记本3.png" alt="">
                                              <span>红米1</span>
                                            </a>
                                            <a href="">
                                              <img src="./imgs/笔记本4.png" alt="">
                                              <span>Redmi 10</span>
                                            </a>
                                            <a href="">
                                              <img src="./imgs/笔记本5.png" alt="">
                                              <span>Redmi 9 Pro</span>
                                            </a>
                                            <a href="">
                                              <img src="./imgs/笔记本6.png" alt="">
                                              <span>oppo</span>
                                            </a> <a href="">
                                              <img src="./imgs/红米2.jpg" alt="">
                                              <span>vivo</span>
                                            </a> <a href="">
                                              <img src="./imgs/红米3.jpg" alt="">
                                              <span>苹果</span>
                                            </a>
      
                                     </div>
                                </li>
                                <li id="sideNav-last3">笔记本&nbsp;显示器<i class="iconfont icon-right"></i>
                                  <div class="card" style="margin-top: -123px;">
                                    <a href="">
                                        <img src="./imgs/小米手机1.png" alt="">
                                        <span>小米10 至尊纪念版</span>
                                      </a>
                                      <a href="">
                                          <img src="./imgs/小米手机2.png" alt="">
                                          <span>小米10 </span>
                                        </a>
                                        <a href="">
                                          <img src="./imgs/小米手机3.png" alt="">
                                          <span>红米1</span>
                                        </a>
                                        <a href="">
                                          <img src="./imgs/小米手机4.png" alt="">
                                          <span>Redmi 10</span>
                                        </a>
                                        <a href="">
                                          <img src="./imgs/小米手机5.png" alt="">
                                          <span>Redmi 9 Pro</span>
                                        </a>
                                        <a href="">
                                          <img src="./imgs/红米1.jpg" alt="">
                                          <span>oppo</span>
                                        </a> <a href="">
                                          <img src="./imgs/红米2.jpg" alt="">
                                          <span>vivo</span>
                                        </a> <a href="">
                                          <img src="./imgs/红米3.jpg" alt="">
                                          <span>苹果</span>
                                        </a>
  
                                 </div>
                                </li>
                                <li>家电&nbsp;插板线<i class="iconfont icon-right"></i></li>
                                <li>出行&nbsp;穿戴<i class="iconfont icon-right"></i></li>
                                <li>智能&nbsp;路由器<i class="iconfont icon-right"></i></li>
                                <li>电源&nbsp;配件<i class="iconfont icon-right"></i></li>
                                <li>健康&nbsp;儿童<i class="iconfont icon-right"></i></li>
                                <li>耳机&nbsp;音箱<i class="iconfont icon-right"></i></li>
                                <li>生活&nbsp;箱包<i class="iconfont icon-right"></i></li>
                
                            </ul>
                        </ul>
                   </div>
               </div>
            </div>
         </div>
         <div id="miaosha">
            <div class="php ducu">
                 <div id="h1">
                      <ul>
                        <li><a href="">
                          <img src="./imgs/1.png" alt="">
                           <p>小米秒杀</p>
                        </a></li>
                        <li><a href="">
                          <img src="./imgs/2.png" alt="">
                           <p>企业团购</p>
                        </a></li>
                        <li><a href="">
                          <img src="./imgs/3.png" alt="">
                           <p>F码通道</p>
                        </a></li>
                        <li><a href="">
                          <img src="./imgs/4.png" alt="">
                           <p>米粉卡</p>
                        </a></li>
                        <li><a href="">
                          <img src="./imgs/5.png" alt="">
                           <p>以旧换新</p>
                        </a></li>
                        <li><a href="">
                          <img src="./imgs/5.png" alt="">
                           <p>话费充值</p>
                        </a></li>
                      </ul>
                 </div>
                 <div id="images">
                     <img src="./images/1.jpg" alt="">
                </div>
                <div id="images">
                  <img src="./images/2.jpg" alt="">
                </div>
                <div id="images">
                  <img src="./images/3.jpg" alt="">
                </div>
            </div>
         </div>
         <div id="shangou">
            <div class="php">
                <p style="height: 58px;font-size: 22px;line-height: 58px;color: #333;">小米闪购</p>
                 <div id="time">
                    <div id="timer">
                         <h1>14:00场</h1>
                         <img src="./imgs/e.png" alt="">
                         <p>距离结束还有</p>
                         <div id="jishi">
                            <span id="hon">00</span>
                            <i>:</i>
                            <span id="fen">36</span>
                            <i>:</i>
                            <span id="miao">50</span>
                         </div>
                    </div>
                    <div class="picScroll-left">
                      <div class="hd">
                        <a class="next"></a>
                        <!-- <ul><li class="">1</li><li class="">2</li><li class="">3</li><li class="on">4</li></ul> -->
                        <a class="prev"></a>
                        <!-- <span class="pageState"><span>4</span>/4</span> -->
                      </div>
                      <div class="bd" style="width: 1000px;">
                        <div class="tempWrap" style=" width: 1000px; overflow:hidden; position:relative;left:0px;">
                          <ul class="picList" style=" position: relative; overflow: hidden; padding: 0px; margin: 0px;">
                          <li style=" background-color: #fff;">
                            <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="./imgs/家电1.png"></a></div>
                            <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">
                                 <p>米家天然乳胶护枕 混灰色</p>
                                 <p>天然乳胶 三曲线护颈</p>
                                 <p>1800元</p>
                            </a></div>
                          </li>
                          <li style=" background-color:  #fff;">
                            <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="./imgs/家电2.png"></a></div>
                            <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">
                              <p>米家天然乳胶护枕 混灰色</p>
                                 <p>天然乳胶 三曲线护颈</p>
                                 <p>1800元</p>
                            </a></div>
                          </li>
                          <li style="background-color:  #fff; ">
                            <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="./imgs/家电3.jpg"></a></div>
                            <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">
                              <p>米家天然乳胶护枕 混灰色</p>
                              <p>天然乳胶 三曲线护颈</p>
                              <p>1800元</p>
                            </a></div>
                          </li>
                          <li style="background-color:  #fff; ">
                            <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="./imgs/家电4.png"></a></div>
                            <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">
                              <p>米家天然乳胶护枕 混灰色</p>
                                 <p>天然乳胶 三曲线护颈</p>
                                 <p>1800元</p>
                            </a></div>
                          </li>
                          <li style="background-color:  #fff; ">
                            <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="./imgs/家电5.jpg"></a></div>
                            <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">
                              <p>米家天然乳胶护枕 混灰色</p>
                              <p>天然乳胶 三曲线护颈</p>
                              <p>1800元</p>
                            </a></div>
                          </li>
                          <li style=" background-color:  #fff;">
                            <div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img src="./imgs/家电6.jpg"></a></div>
                            <div class="title"><a href="http://www.SuperSlide2.com" target="_blank">
                              <p>米家天然乳胶护枕 混灰色</p>
                              <p>天然乳胶 三曲线护颈</p>
                              <p>1800元</p>
                            </a></div>
                          </li>
                        </ul></div>
                      </div>
                    </div>
                 </div>
              </div>
         </div>
          <div class="php jinian" >
            <a href="">
              <img src="./images/4.jpg" alt="">
            </a>
          </div>
          <div class="center">
             <div class="php">
                 <h1>手机</h1>
                  <a href=""><img src="./imgs/b.jpg" alt=""></a>
                   <div class="libiao">
                      <ul>
                        <li>
                          <img src="./imgs/小米手机1.png" alt="">
                           <h3>小米10至尊版</h3>
                           <p>120X 变焦/120W秒充/120Hz屏幕</p>
                           <p>5299元起</p>
                          </li>
                          <li>
                            <img src="./imgs/小米手机2.png" alt="">
                             <h3>Redmi K30 至尊版</h3>
                             <p>120X 变焦/120W秒充/120Hz屏幕</p>
                             <p>1999元起</p>
                            </li>
                            <li>
                              <img src="./imgs/小米手机3.png" alt="">
                               <h3>腾讯黑杀3S</h3>
                               <p>120X 变焦/120W秒充/120Hz屏幕</p>
                               <p>3799元起</p>
                              </li>
                              <li>
                                <img src="./imgs/小米手机4.png" alt="">
                                 <h3>Redmi 9A</h3>
                                 <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                 <p>599元起</p>
                                </li>
                                <li>
                                  <img src="./imgs/小米手机5.png" alt="">
                                   <h3>小米10 青春版 5G</h3>
                                   <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                   <p>1899元起</p>
                                  </li>
                                  <li>
                                    <img src="./imgs/红米1.jpg" alt="">
                                     <h3>小米10</h3>
                                     <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                     <p>5379元起</p>
                                    </li>
                                    <li>
                                      <img src="./imgs/红米2.jpg" alt="">
                                       <h3>Redmi K30 Pro</h3>
                                       <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                       <p>2099元起</p>
                                      </li>
                                      <li>
                                        <img src="./imgs/红米3.jpg" alt="">
                                         <h3>Redmi K30 Pro 变焦版</h3>
                                         <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                         <p>3399元起</p>
                                        </li>
                      </ul>
                   </div>
                </div>
          </div>
          <div class="php jinian" >
            <a href="">
              <img src="./images/5.jpg" alt="">
            </a>
          </div>
          <div class="center">
            <div class="php">
                <h1>手机</h1>
                <div class="center-one">
                    <ul>
                      <li><a href=""><img src="./imgs/20.jpg" alt=""></a></li>
                      <li><a href="" style="height: 300px;"><img src="./imgs/21.jpg" alt=""></a></li>
                    </ul>
                </div>
             
                  <div class="libiao">
                     <ul>
                       <li>
                         <img src="./imgs/小米手机1.png" alt="">
                          <h3>小米10至尊版</h3>
                          <p>120X 变焦/120W秒充/120Hz屏幕</p>
                          <p>5299元起</p>
                         </li>
                         <li>
                           <img src="./imgs/小米手机2.png" alt="">
                            <h3>Redmi K30 至尊版</h3>
                            <p>120X 变焦/120W秒充/120Hz屏幕</p>
                            <p>1999元起</p>
                           </li>
                           <li>
                             <img src="./imgs/小米手机3.png" alt="">
                              <h3>腾讯黑杀3S</h3>
                              <p>120X 变焦/120W秒充/120Hz屏幕</p>
                              <p>3799元起</p>
                             </li>
                             <li>
                               <img src="./imgs/小米手机4.png" alt="">
                                <h3>Redmi 9A</h3>
                                <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                <p>599元起</p>
                               </li>
                               <li>
                                 <img src="./imgs/小米手机5.png" alt="">
                                  <h3>小米10 青春版 5G</h3>
                                  <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                  <p>1899元起</p>
                                 </li>
                                 <li>
                                   <img src="./imgs/红米1.jpg" alt="">
                                    <h3>小米10</h3>
                                    <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                    <p>5379元起</p>
                                   </li>
                                   <li>
                                     <img src="./imgs/红米2.jpg" alt="">
                                      <h3>Redmi K30 Pro</h3>
                                      <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                      <p>2099元起</p>
                                     </li>
                                     <li>
                                       <img src="./imgs/红米3.jpg" alt="">
                                        <h3>Redmi K30 Pro 变焦版</h3>
                                        <p>120X 变焦/120W秒充/120Hz屏幕</p>
                                        <p>3399元起</p>
                                       </li>
                     </ul>
                  </div>
               </div>
         </div>
         <div id="footer">
            <div class="php">
              <div id="weixiu">
                  <ul>
                    <li>
                      <a href="">
                        <i class="iconfont icon-weixiubanshou"></i>
                        <span>预约维修服务</span>
                      </a>
                    </li>
                    <li>
                      <a href="">
                        <i class="iconfont icon-7tiantuihuanhuo"></i>
                        <span>7天无理由退货</span>
                      </a>
                    </li>
                    <li>
                      <a href="">
                        <i class="iconfont icon-15tianwuliyoutuihuo"></i>
                        <span>15天免费换货</span>
                      </a>
                    </li>
                    <li>
                      <a href="">
                        <i class="iconfont icon-caishichang-"></i>
                        <span>满99元包邮</span>
                      </a>
                    </li>
                    <li>
                      <a href="">
                        <i class="iconfont icon-didian"></i>
                        <span>520余家售后网点</span>
                      </a>
                    </li>
                  </ul>
              </div>
              <div id="help">
                 <ul>
                   <li>帮助中心</li>
                   <li>账户管理</li>
                   <li>购物指南</li>
                   <li>订单操作</li>
                 </ul>
                 <ul>
                  <li>服务支持</li>
                  <li>售后政策</li>
                  <li>自助服务</li>
                  <li>相关下载</li>
                 </ul>
                 <ul>
                  <li>线下门店</li>
                  <li>服务网点</li>
                  <li>小米之家</li>
                  <li>授权体验店</li>
                 </ul>
                 <ul>
                  <li>关于小米</li>
                  <li>了解小米</li>
                  <li>加入小米</li>
                  <li>投资者关系</li>
                  <li>企业社会责任</li>
                  <li>廉洁举报</li>
                 </ul>
                 <ul>
                  <li>关注我们</li>
                  <li>新浪微博</li>
                  <li>官方微信</li>
                  <li>联系我们</li> 
                  <li>公益基金会</li>
                 </ul>
                 <ul>
                  <li>特色服务</li>
                  <li>F码通道</li>
                  <li>礼物码</li>
                  <li>联系我们</li> 
                  <li>防伪查询</li>
                 </ul>
                 <div id="tel">
                     <p>400-100-5678</p>
                     <p>8：00-18：00(仅收市话费)</p>
                     <a href="">人工客服</a>
                     <p>关注小米:<i class="iconfont icon-weibo"></i><i class="iconfont icon-gongzhonghao"></i></p>
                 </div>
              </div>
              <div id="market">
                  <div id="MI">
                     <img src="./imgs/Mi.png" alt="">
                  </div>
                  <div id="MIUI">
                    <p class="sites">
                      <a rel="nofollow" href="//www.mi.com/index.html" target="_blank">小米商城</a> <span class="sep">|</span> <a rel="nofollow" href="//www.miui.com/" target="_blank">MIUI</a> <span class="sep">|</span> <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">米家</a> <span class="sep">|</span> <a rel="nofollow" href="http://www.miliao.com/" target="_blank">米聊</a> <span class="sep">|</span> <a rel="nofollow" href="//www.duokan.com/" target="_blank">多看</a> <span class="sep">|</span> <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏</a> <span class="sep">|</span> <a rel="nofollow" href="//b.mi.com/?client_id=180100031058&amp;masid=17409.0358" target="_blank">政企服务</a> <span class="sep">|</span> <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a> <span class="sep">|</span> <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策</a> <span class="sep">|</span> <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html" target="_blank">小米公司儿童信息保护规则</a> <span class="sep">|</span> <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ded8d0e4a77d.html" target="_blank">小米商城隐私政策</a> <span class="sep">|</span> <a rel="nofollow" href="//www.mi.com/about/user-agreement/" target="_blank">小米商城用户协议</a> <span class="sep">|</span> <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a> <span class="sep">|</span> <a rel="nofollow" href="javascript:void(0);" class="J_siteGlobalRegion">Select Location</a></p>
                      <p>
                        ©
                        <a href="javascript:;" target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                        <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a> <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank">京公网安备11010802020134号</a> <a href="//www.mi.com/culture-license/" target="_blank">京网文[2020]0276-042号</a> <br> <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号</a> <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a href="//www.mi.com/business-license/" target="_blank">营业执照</a> <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a> <br> <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                        <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png" target="_blank">食品经营许可证</a> <br>
                        违法和不良信息举报电话：171-5104-4404&nbsp;<a href="https://www.mi.com/intellectual" target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                  </div>
                  <div id="jingling">
                       <a href=""><img src="./imgs/7.png" alt=""></a>
                       <a href=""><img src="./imgs/8.png" alt=""></a>
                       <a href=""><img src="./imgs/9.png" alt=""></a>
                       <a href=""><img src="./imgs/10.png" alt=""></a>
                       <a href="" id="imgs">
                         <!-- <img src="./imgs/11.png" alt="">
                         <img src="./imgs/12.png" alt=""> -->
                        </a>
                  </div>
                  <div id="word">
                    <img src="./imgs/2020.png" alt="">
                  </div>
              </div>
            </div>
         </div>
     </div>
     <script src="./swiper/swiper-bundle.js"></script>
     <script src="./jquery/jquery-3.5.1.js"></script>
     <script src="./jquery.SuperSlide.2.1.3.js"></script>
     <script>      

      var imgs=document.getElementById("imgs")
      var count=0
      setInterval(function(){
        var html=""
       count=count+1
       if(count==1){
         html+= `<img src="./imgs/11.png" alt="">`
         imgs.innerHTML=html
       }
       if(count==2){
        html+= `<img src="./imgs/12.png" alt="">`
         imgs.innerHTML=html
       }
       if(count==3){
         count=0
       }
      },1000)

        jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:4});

       var hon=document.getElementById("hon")  
       var fen=document.getElementById("fen")
       var miao=document.getElementById("miao")

       function getRTime(){
var EndTime = new Date('2020/10/23 10:00:00'); //截止时间
var NowTime = new Date();
var t = EndTime.getTime() - NowTime.getTime();

//累减
var d=Math.floor(t/1000/60/60/24);
t-=d*(1000*60*60*24);
var h=Math.floor(t/1000/60/60);
t-=h*60*60*1000;
var m=Math.floor(t/1000/60);
t-=m*60*1000;
var s=Math.floor(t/1000);
hon.innerHTML = h ;
fen.innerHTML = m ;
miao.innerHTML = s ;
}
setInterval(getRTime,1000);





        var mySwiper = new Swiper ('.swiper-container', {
          loop: true, // 循环模式选项
          autoplay:true,
          // 如果需要分页器
          pagination: {
            el: '.swiper-pagination',
          },
          
          // 如果需要前进后退按钮
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
        })        
       var sideNav= document.getElementById("sideNav-last1")
       var card= document.getElementsByClassName("card")[0]
       sideNav.onmouseenter=function(){
           card.style.display="block"
       }
       sideNav.onmouseleave=function(){
           card.style.display="none"
       }
       var sideNava= document.getElementById("sideNav-last2")
       var carda= document.getElementsByClassName("card")[1]
       sideNava.onmouseenter=function(){
           carda.style.display="block"
       }
       sideNava.onmouseleave=function(){
           carda.style.display="none"
       }
       var sideNavan= document.getElementById("sideNav-last3")
       var cardan= document.getElementsByClassName("card")[2]
       sideNavan.onmouseenter=function(){
           cardan.style.display="block"
       }
       sideNavan.onmouseleave=function(){
           cardan.style.display="none"
       }
      

       var a1=document.getElementsByClassName("a1")[0]
       var xiala=document.getElementById("xiala")
       var a2=document.getElementsByClassName("a2")[0]
       var xiaomi=document.getElementById("xiaomi")
       var hongmi=document.getElementById("hongmi")
       var a3=document.getElementsByClassName("a3")[0]
       var a4=document.getElementsByClassName("a4")[0]
       a1.onmouseenter=function(){
         xiala.style.display="block"
         xiaomi.style.display="block"
         hongmi.style.display="none"
       }
       xiala.onmouseenter=function(){
        xiala.style.display="block"
        xiaomi.style.display="block"
       }
       xiala.onmouseleave=function(){
        xiala.style.display="none"
       }
       a2.onmouseenter=function(){
        xiala.style.display="block"
        hongmi.style.display="block"
        xiaomi.style.display="none"

       }
       a1.onmouseleave=function(){
         xiala.style.display="none"
         xiaomi.style.display="none"
         hongmi.style.display="none"
       }
       a2.onmouseleave=function(){
        xiala.style.display="none"
        hongmi.style.display="none"
        xiaomi.style.display="none"
       }
       $(".a1").eq(0).mouseenter(function(){
           $("#xiala").slideDown(1000)
       })
       $(".a2").eq(0).mouseenter(function(){
           $("#xiala").slideDown(1000)
       })
        </script>
</body>
</html>